<template>
  <v-alert
    border="top"
    :type="$store.getters.Msgtype"
    class="alertStyle"
    v-model="$store.getters.Msgalert"
    transition="fade-transition"
  >
    {{ $store.getters.Msgmsg }}
  </v-alert>
</template>
<script>
export default {
  name: "Msg",
  data() {
    return {
      alert: true,
    };
  },
  mounted() {},
};
</script>

<style scoped lang="scss">
.alertStyle {
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 10;
  width: 300px;
  height: 50px;
  transform: translateX(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>
